<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict //EN">

<html>

	<head>
    <link type="text/css" href="css/table/style.css" rel="Stylesheet" />
	<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>
	<script type="text/javascript" src="js/filterTable.js"></script>
    <script type="text/javascript" src="js/jquery-latest.js"></script>
    <script type="text/javascript" src="js/jquery.tablesorter.js"></script>

    	<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<style>
			#table1 td, #table2 td{
				width: 2em;
				height: 2em;
				padding: 2em;
				text-align: center;	
			}
			#table1 tr:hover {
				cursor: pointer;
				background-color: whitesmoke;
			}
			#table2 tr:hover {
				cursor: pointer;
				background-color: whitesmoke;
			}
			.select {
				background-color: #86E0EF;
				color:#303131;	
			}
			.highlighted { background: yellow; }
		</style>
		<script>
		$(document).ready(function() 
			{ 
				$("#myTable").tablesorter();
				$("#myTable2").tablesorter();
				$("#myTable3").tablesorter();
				$("#myTable4").tablesorter();
				$("#myTable5").tablesorter();
				$("#myTable6").tablesorter();
				$("#myTable2_2").tablesorter();
				$("#myTable3_2").tablesorter();
			} 
		); 
		</script>
               
		<script type="text/javascript"><!--
				
		function filter (term, _id, cellNr){
			var suche = term.value.toLowerCase();
			var table = document.getElementById(_id);
			var ele;
			for (var r = 1; r < table.rows.length; r++){
				ele = table.rows[r].cells[cellNr].innerHTML.replace(/<[^>]+>/g,"");
				if (ele.toLowerCase().indexOf(suche)>=0 )
					table.rows[r].style.display = '';
				else table.rows[r].style.display = 'none';
			}
		}
		
		function filter2 (phrase, _id){
			var words = phrase.value.toLowerCase().split(" ");
			var table = document.getElementById(_id);
			var ele;
			for (var r = 1; r < table.rows.length; r++){
				ele = table.rows[r].innerHTML.replace(/<[^>]+>/g,"");
					var displayStyle = 'none';
					for (var i = 0; i < words.length; i++) {
					if (ele.toLowerCase().indexOf(words[i])>=0)
					displayStyle = '';
					else {
					displayStyle = 'none';
					break;
					}
					}
				table.rows[r].style.display = displayStyle;
			}
		}
		
		var td5_1 = null;
		var td5_2 = null;
		var td5_3 = null;
		var td5_4 = null;
		var td5_5 = null;
		function highlight5(obj, inputobj) {
			if (td5_1 || td5_2 || td5_3 || td5_4 || td5_5) {
				td5_1.className = null;
				td5_2.className = null;
				td5_3.className = null;
				td5_4.className = null;
				td5_5.className = null;
			}
		
			obj.cells[0].className = "select";
			obj.cells[1].className = "select";
			obj.cells[2].className = "select";
			obj.cells[3].className = "select";
			obj.cells[4].className = "select";
			
			inputobj.value = obj.cells[0].innerHTML;
			
			td5_1 = obj.cells[0];
			td5_2 = obj.cells[1];
			td5_3 = obj.cells[2];
			td5_4 = obj.cells[3];
			td5_5 = obj.cells[4];
		}
		
		var totalrows_4 = 0;
		function multiplehighlight_4(obj, inputobj ,selectedrows_4) {
			
			var inside_4 = 0;
			var count_4 = 0;
			var string_4 = "";
						
			for (i=0;i<selectedrows_4.length;i++)
			{
				if(obj==selectedrows_4[i]){
					inside_4 = 1;
					selectedrows_4[i].cells[0].className = null;
					selectedrows_4[i].cells[1].className = null;
					selectedrows_4[i].cells[2].className = null;
					selectedrows_4[i].cells[3].className = null;
					selectedrows_4.splice(i,1);
					if(i==0)
					string_4 = ""+0; 
				}
				
			}
			if(inside_4==0){
				selectedrows_4.push(obj);
			}
			//$("#sorttable").find("tr:gt(1)").remove();
			for (i=0;i<selectedrows_4.length;i++)
			{
				count_4++;
				var idrow_4 = selectedrows_4[i].cells[0].innerHTML;
				selectedrows_4[i].cells[0].className = "select";
				selectedrows_4[i].cells[1].className = "select";
				selectedrows_4[i].cells[2].className = "select";
				selectedrows_4[i].cells[3].className = "select";
				//addRow('sorttable', idrow);
			}
			totalrows_4 = selectedrows_4.length;

			for (i=0;i<selectedrows_4.length;i++)
			{	
				if(i==0){
					string_4 = (selectedrows_4[0].cells[0].innerHTML).toString();
				}else{
					string_4 = string_4+","+(selectedrows_4[i].cells[0].innerHTML).toString();
				}
			}					
			inputobj.value = string_4;
			
		}	

		var totalrows_5 = 0;
		function multiplehighlight_5(obj, inputobj ,selectedrows_5) {
			
			var inside_5 = 0;
			var count_5 = 0;
			var string_5 = "";
						
			for (i=0;i<selectedrows_5.length;i++)
			{
				if(obj==selectedrows_5[i]){
					inside_5 = 1;
					selectedrows_5[i].cells[0].className = null;
					selectedrows_5[i].cells[1].className = null;
					selectedrows_5[i].cells[2].className = null;
					selectedrows_5[i].cells[3].className = null;
					selectedrows_5[i].cells[4].className = null;
					selectedrows_5.splice(i,1);
					if(i==0)
						string_5 = ""+0; 
				}
				
			}
			if(inside_5==0){
				selectedrows_5.push(obj);
			}
			//$("#sorttable").find("tr:gt(1)").remove();
			for (i=0;i<selectedrows_5.length;i++)
			{
				count_5++;
				var idrow_5 = selectedrows_5[i].cells[0].innerHTML;
				selectedrows_5[i].cells[0].className = "select";
				selectedrows_5[i].cells[1].className = "select";
				selectedrows_5[i].cells[2].className = "select";
				selectedrows_5[i].cells[3].className = "select";
				selectedrows_5[i].cells[4].className = "select";
				//addRow('sorttable', idrow);
			}
			totalrows_5 = selectedrows_5.length;

			for (i=0;i<selectedrows_5.length;i++)
			{	
				if(i==0){
					string_5 = (selectedrows_5[0].cells[0].innerHTML).toString();
				}else{
					string_5 = string_5+","+(selectedrows_5[i].cells[0].innerHTML).toString();
				}
			}					
			inputobj.value = string_5;
			
		}	

		var totalrows_6 = 0;
		function multiplehighlight_6(obj, inputobj ,selectedrows_6) {
			
			var inside_6 = 0;
			var count_6 = 0;
			var string_6 = "";
						
			for (i=0;i<selectedrows_6.length;i++)
			{
				if(obj==selectedrows_6[i]){
					inside_6 = 1;
					selectedrows_6[i].cells[0].className = null;
					selectedrows_6[i].cells[1].className = null;
					selectedrows_6[i].cells[2].className = null;
					selectedrows_6[i].cells[3].className = null;
					selectedrows_6[i].cells[4].className = null;
					selectedrows_6[i].cells[5].className = null;
					selectedrows_6.splice(i,1);
					if(i==0)
						string_6 = ""+0; 
				}
				
			}
			if(inside_6==0){
				selectedrows_6.push(obj);
			}
			//$("#sorttable").find("tr:gt(1)").remove();
			for (i=0;i<selectedrows_6.length;i++)
			{
				count_6++;
				var idrow_6 = selectedrows_6[i].cells[0].innerHTML;
				selectedrows_6[i].cells[0].className = "select";
				selectedrows_6[i].cells[1].className = "select";
				selectedrows_6[i].cells[2].className = "select";
				selectedrows_6[i].cells[3].className = "select";
				selectedrows_6[i].cells[4].className = "select";
				selectedrows_6[i].cells[5].className = "select";
				//addRow('sorttable', idrow);
			}
			totalrows_6 = selectedrows_6.length;

			for (i=0;i<selectedrows_6.length;i++)
			{	
				if(i==0){
					string_6 = (selectedrows_6[0].cells[0].innerHTML).toString();
				}else{
					string_6 = string_6+","+(selectedrows_6[i].cells[0].innerHTML).toString();
				}
			}					
			inputobj.value = string_6;
			
		}	
		var totalrows_7 = 0;
		function multiplehighlight_7(obj, inputobj ,selectedrows_7) {
			
			var inside_7 = 0;
			var count_7 = 0;
			var string_7 = "";
						
			for (i=0;i<selectedrows_7.length;i++)
			{
				if(obj==selectedrows_7[i]){
					inside_7 = 1;
					selectedrows_7[i].cells[0].className = null;
					selectedrows_7[i].cells[1].className = null;
					selectedrows_7[i].cells[2].className = null;
					selectedrows_7[i].cells[3].className = null;
					selectedrows_7[i].cells[4].className = null;
					selectedrows_7[i].cells[5].className = null;
					selectedrows_7[i].cells[6].className = null;
					selectedrows_7.splice(i,1);
					if(i==0)
						string_7 = ""+0; 
				}
				
			}
			if(inside_7==0){
				selectedrows_7.push(obj);
			}
			//$("#sorttable").find("tr:gt(1)").remove();
			for (i=0;i<selectedrows_7.length;i++)
			{
				count_7++;
				var idrow_7 = selectedrows_7[i].cells[0].innerHTML;
				selectedrows_7[i].cells[0].className = "select";
				selectedrows_7[i].cells[1].className = "select";
				selectedrows_7[i].cells[2].className = "select";
				selectedrows_7[i].cells[3].className = "select";
				selectedrows_7[i].cells[4].className = "select";
				selectedrows_7[i].cells[5].className = "select";
				selectedrows_7[i].cells[6].className = "select";
				//addRow('sorttable', idrow);
			}
			totalrows_7 = selectedrows_7.length;

			for (i=0;i<selectedrows_7.length;i++)
			{	
				if(i==0){
					string_7 = (selectedrows_7[0].cells[0].innerHTML).toString();
				}else{
					string_7 = string_7+","+(selectedrows_7[i].cells[0].innerHTML).toString();
				}
			}					
			inputobj.value = string_7;
			
		}
		var totalrows_8 = 0;
		function multiplehighlight_8(obj, inputobj ,selectedrows_8) {
			
			var inside_8 = 0;
			var count_8 = 0;
			var string_8 = "";
						
			for (i=0;i<selectedrows_8.length;i++)
			{
				if(obj==selectedrows_8[i]){
					inside_8 = 1;
					selectedrows_8[i].cells[0].className = null;
					selectedrows_8[i].cells[1].className = null;
					selectedrows_8[i].cells[2].className = null;
					selectedrows_8[i].cells[3].className = null;
					selectedrows_8[i].cells[4].className = null;
					selectedrows_8[i].cells[5].className = null;
					selectedrows_8[i].cells[6].className = null;
					selectedrows_8[i].cells[7].className = null;
					selectedrows_8.splice(i,1);
					if(i==0)
						string_8 = ""+0; 
				}
				
			}
			if(inside_8==0){
				selectedrows_8.push(obj);
			}
			//$("#sorttable").find("tr:gt(1)").remove();
			for (i=0;i<selectedrows_8.length;i++)
			{
				count_8++;
				var idrow_8 = selectedrows_8[i].cells[0].innerHTML;
				selectedrows_8[i].cells[0].className = "select";
				selectedrows_8[i].cells[1].className = "select";
				selectedrows_8[i].cells[2].className = "select";
				selectedrows_8[i].cells[3].className = "select";
				selectedrows_8[i].cells[4].className = "select";
				selectedrows_8[i].cells[5].className = "select";
				selectedrows_8[i].cells[6].className = "select";
				selectedrows_8[i].cells[7].className = "select";
				//addRow('sorttable', idrow);
			}
			totalrows_8 = selectedrows_8.length;

			for (i=0;i<selectedrows_8.length;i++)
			{	
				if(i==0){
					string_8 = (selectedrows_8[0].cells[0].innerHTML).toString();
				}else{
					string_8 = string_8+","+(selectedrows_8[i].cells[0].innerHTML).toString();
				}
			}					
			inputobj.value = string_8;
			
		}
		function addObjInArray(obj,inputobj, selectedrows){
			selectedrows.push(obj);

			var string = "";
			for (i=0;i<selectedrows.length;i++)
			{	
				if(i==0){
					string = (selectedrows[0].cells[0].innerHTML).toString();
				}else{
					string = string+","+(selectedrows[i].cells[0].innerHTML).toString();
				}
			}					
			inputobj.value = string;
		}
		function addObjInString(obj, string){
			var currentvalue = obj.value;
			obj.value = ""+currentvalue+","+string;
		}
		function addRow(tableID, name) {
 
            var table = document.getElementById(tableID);
 
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);
			row.id = name;
 
            var cell1 = row.insertCell(0);
            cell1.innerHTML = "<center>"+name+"</center>";
 
            var cell2 = row.insertCell(1);
            var element1 = document.createElement("input");
			element1.name = name;
			element1.value = 0;
			element1.type = "text";
			element1.id = "popo";
            cell2.appendChild(element1);
 
        }
		
//-->

</script>


	</head>

	<body>

    
	</body>

</html>